.editor{
background: #FF6614; /* old browsers */
background: -moz-linear-gradient(top, #FF6614 47%, #FF7F35 62%, #FFFFFF 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#FF6614), color-stop(62%,#FF7F35), color-stop(100%,#FFFFFF)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6614', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
width:700px;
}



#iView
{
   width: 700px;
   height:400px;
   border: black groove 1px; 
   overflow:auto;

   
}

.panel1
{
   border:  black outset 1px;
   background-color: white ;
   color: black;
  
  

}

.panel1:hover
{
  border:  black outset 1px;
   background-color: #FF9900 ;
   color: white;
  
}

.panel1:active
{
  border:  black inset 1px;
   background-color: #FF9900 ;
   color: white;
  
}


#panel
{
  
    width:800px;
    
}

.bar{
    visibility: hidden;
    width:300px;
    height: 70px;
    position: absolute;
    top:30%;
    left:30%;
    background-color: white;
    border: orange groove 2px;
    
}

.colorPickerBar{
    visibility:hidden;
    position: absolute;
    top:30px;
    left:525px;
    
}